<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    console.log('ES5:')
    function fun() {
        var num=100;
        if(true){
            var num=200;
        }
        console.log(num);
    }
    fun(); /*200*/
</script>
<script>
    // 内层变量覆盖外层变量
   /* var time=new Date();
    function fun() {
        /!*undefind 预解析 var提前 覆盖全局变量*!/
        console.log(time)
        if(false){
            var time=111;
        }
    }
    fun();*/
   // 场景2
  /* var string='hellow';
   for (var i=0;i<string.length;i++){
       console.log(string[i])
   }
    console.log('循环结束');
    console.log(i);/!*6 i跳出了循环体，还在，依然占用内存。i作为一个计数器用完了就应该释放*!/
*/

    // 块级作用域
    console.log('ES6:')
        // 第一个代码块  独立的作用域
    function fun() {
        let num=100;
        // 第二个代码块   独立的作用域
        if(true){
            let num=200;
        }
        console.log(num);
    }
    fun(); /*100*/
</script>

</body>
</html>